<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="include :: header"></head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="/ajax/libs/datapicker/datepicker3.css"
		  th:href="@{/ajax/libs/datapicker/datepicker3.css}" rel="stylesheet" />
	<link href="/ajax/libs/iCheck/custom.css"
		  th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet" />	
	<link href="/ajax/libs/select/select2.css"
		  th:href="@{/ajax/libs/select/select2.css}" rel="stylesheet" />

    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../../azxcrm/css/newOrder.css" />
	<script src="../../js/jquery.min.js"></script>
	<script src="../../js/bootstrap.min.js"></script>
	<!-- 引用控制层插件样式 -->
	<link href="../static/ajax/libs/zyupload/control/css/zyUpload.css" th:href="@{/ajax/libs/zyupload/control/css/zyUpload.css}" rel="stylesheet"/>
<body>
<div class="g-order">
    <!-- 头部结构 -->
    <div class="add_order clearfix">
        <div class="addorder_left clearfix">创建新订单</div>
    </div>
     <!-- 头部结构 -->

    <!-- 客户信息 -->
     <div class="s-information">
        <h4 class="pos-rel">客户信息</h4>
        
        <div class="s-search form-inline">
             <div class="form-group clearfix">
                 <label class="" for="name">*客户信息</label>
                 <input type="text"  class="form-control" id="customerCellphone" name="customerCellphone" placeholder="姓名/手机/身份证号" >           	
             </div>
             <button type="button" class="btn btn-default dropdown-toggle" onclick="javascript:selCustomer()">搜索</button>
        </div>
        <table id="table" class="table table-condensed">
        	 	
        </table>
        <div class="tab-pane fade in active s-infor-detail">
           <ul class="clearfix">
               <li class="cus-name"><span class="tab-customer-name"></span></li>
               <li class="cus-phone"><span class="tab-customer-phone"></span></li>
               <li class="cus-apartment"><span class="card-customer-id"></span></li>
               <li><span class="card-customer-hidden" id="customerIdentity" style="display:none"></span></li>
           </ul>	           
       	</div> 
     </div>
    <!-- 客户信息 -->

    <!-- 关联销售 -->
    <div class="s-information2">
        <h4 class="pos-rel">关联销售</h4>
        <div class="s-search  form-inline">
            <div class="form-group clearfix">
                <label for="name">业务员</label>
                <input type="text" class="form-control" id="phonenumber" name="phonenumber" placeholder="姓名/手机">
            </div>
            <button type="button" class="btn btn-default dropdown-toggle" onclick="selUser()">搜索</button>
        </div>
        <table id="tables" class="table table-condensed tab-paned">
        	
        </table>
       <div class="tabs-pane fade in active s-infor-detail">
            <ul class="clearfix">
                <li><span class="tab-user-name"></span></li>                
                <li class="s-phone"><span class="tab-user-phone"></span></li>
                <li class="s-apartment"><span class="tab-user-deptName"></span></li>
                <li><span class="tab-user-userId-hidden" id="userId" style="display:none"></span></li>
                <li><span class="tab-user-name-hidden" id="userName" style="display:none"></span></li>
                <li><span class="tab-user-cardId-hidden" id="deptId" style="display:none"></span></li>
                <li><span class="tab-user-deptName-hidden" id="deptName" style="display:none"></span></li>
            </ul>
       	</div>
    </div>
    <!-- 关联销售 -->

    <!-- 产品信息 -->
    <div class="g-product">
        <h4 class="pos-rel">产品信息</h4>
            <div class="form-group">
                <label class="label_intention" for="">*订单类型：</label>
                <select class="label_select cms-form-select" name="typeId" id="typeId" onclick="parentSelect()">
                    <option value="" selected = "selected" disabled="disabled">请选择产品类型</option>
                    <option th:each=" products : ${orderList}"
                    		th:value="${products.dictCode}" th:text="${products.dictLabel}"></option>
                </select>
                <select class="label_select cms-form-select" name="specId" id="specId" onclick="childrenSelect()">
                </select>
                <select class="label_select cms-form-select" name="specIds" id="specIds">
                </select>
             </div>
		     <p>
		         <span>金额：<a id="product-price"></a></span>
		         <span class="s-limit">使用期限：<a id="product-term"></a>个月</span>
		         <span id="productid" ></span>
		         <span id="fullname" ></span>
		     </p>
    </div>
    <!-- 产品信息 -->

    <!-- 合同信息 -->
    <div class="g-contact">
        <h4 class="pos-rel">合同信息</h4>
        <div class="g-con-num  form-inline">
             <div class="form-group clearfix">
                 <label for="name" class="add_label">*合同号：</label>
                 <input type="text" class="form-control text_input" name="contractId">
             </div>
        </div>
    <!-- 合同信息 -->
        <div class="g-img-box full">
            <div class=" img-section">
                <p class="up-p">合同源文件：</p>
                <div id="init" class="init"></div> 
	        </div> 
        </div>
        <aside class="mask works-mask">
            <div class="mask-content">
                <p class="del-p ">您确定要删除选中的合同吗？</p>
                <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
            </div>
        </aside>
        <div class="btn-group">
            <button type="button" class="btn btn-warning dropdown-toggle" onclick="add('pass')">创建订单</button>
            <input name="shortToken" type="hidden" th:value="${token}" id="shortToken">
            <button type="button" class="btn btn-default dropdown-toggle">取消</button>
        </div>
     </div>
</div>
	<div th:include="include::footer"></div>
    <script src="/azxcrm/module/order/add.js" th:src="@{/azxcrm/module/order/add.js}"></script>
    <script src="../static/ajax/libs/zyupload/jquery-1.7.2.js" th:src="@{/ajax/libs/zyupload/jquery-1.7.2.js}"></script>
	<!-- 引用核心层插件 -->
	<script src="../static/ajax/libs/zyupload/core/zyFile.js" th:src="@{/ajax/libs/zyupload/core/zyFile.js}"></script>
	<!-- 引用控制层插件 -->
	<script src="../static/ajax/libs/zyupload/control/js/zyUpload.js" th:src="@{/ajax/libs/zyupload/control/js/zyUpload.js}"></script>
	<!-- 引用初始化JS -->
	<script src="../static/ajax/libs/zyupload/zyuploadinit.js" th:src="@{/ajax/libs/zyupload/zyuploadinit.js}"></script>
	<script type="text/javascript">
		$("#dictCode").click(function(){
			var typename = $("select[name='attr_departType'] option:selected").text();
			$("#dictLabel").text(typename);
		})
	</script>
</body>
</html>